.root{
	display: flex;
	flex-direction: column;
	background-color: ;
}

.item-container{
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		width: 96%;
		margin: 2%;
		margin-top: 15rpx;
		background-color: white;
		padding-top: 10rpx;
		padding-bottom: 5rpx;
		display: flex;
		flex-direction: column;
	}
	.item-title{
		font-size: 30rpx;
		font-weight: blod;
		margin-left: 100rpx;
		margin-right: 50rpx;
		padding-top: 10rpx;
		padding-bottom: 5rpx;
		margin-bottom: 5rpx;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		border-bottom: darkgray solid 1px;
	}
	.item-focus{
		width: 94%;
		margin-left: 20rpx;
		margin-right: 15rpx;
		display: block;
		border-radius: 5%;
	}
	.item-desc{
		font-size: 25px;
		margin-left: 25rpx;
		margin-right: 20rpx;
		margin-bottom: 10rpx;
		margin-top: 10rpx;
	
	}
	.item-avatar{
		width: 55px;
		height: 40px;
		border-radius: 50%;
		position: absolute;
	}
	.item-tag{
		float: left;
		border:cadetblue solid 1px ;
		border-radius: 20%;
		color: cadetblue;
		font-size: 15px;
		padding: 5px;
		margin: 10rpx 20rpx;
	}
	 .icon-container{
	        display: flex;
	        flex-direction: row;
	        border-top: darkgray solid 1px;
	        padding-left: 15rpx;
	        padding-bottom: 5rpx;
	    }
	    .icon{
	        width: 50rpx;
	        height: 50rpx;
	        margin-top: 10rpx;
	        margin-right: 5rpx;
	    }
	    .icon-text{
	        font-size: 20rpx;
	        margin-top: 10rpx;
	        margin-right: 20rpx;
	    }
	    .icon-tag{
			color: red;
	        width: 50rpx;
	        height: 50rpx;
	        position: absolute;
	        right: 20rpx;
	    }
		.bottom{
			font-size: 20px;
			margin: 20rpx 0rpx;
		}
		.uni-search{
			width: 96%;
			margin: auto;
			
		}
		.ic-gray{
			color: darkgray;
			font-size: 50rpx;
			margin-top: 10rpx;
		}
		.ic-red{
			color: red;
			font-size: 50rpx;
			margin-top: 10rpx;
		}
		.item-author{
			font-size: 20rpx;
			color: #555555;
			margin-left: 100rpx;
			margin-bottom: 5rpx;
		}
		.rich-img{
			width: 100;
			height: auto;
		}
		.cmt-container{
			display: flex;
			flex-direction: column;
			margin-bottom: 10px;
			align-items: baseline;
		}
		.cmt-author{
			color:black;
			font-size: 28rpx;
			margin-left: 80rpx;
			margin-bottom: 5rpx;
		}
		.cmt-time{
			color: darkgray;
			font-size: 20rpx;
			margin-bottom: 5rpx;
			margin-left: 80rpx;
		}
		.cmt-avatar{
			width: 60rpx;
			height: 70rpx;
			margin-left: 15rpx;
			margin-top: 10rpx;
			border-radius: 50%;
			position: absolute;
		}
		.cmt-content{
			font-size: 28rpx;
			margin-left: 80rpx;
			margin-right: 15rpx;
			margin-bottom: 10rpx;
		}
		.cmt-line{
			border-bottom: #ededed 15rpx solid ;
		}
		.reply-container{
			margin-left: 80rpx;
			display: flex;
			flex-direction: column;
			border-left: darkgray 3rpx solid;
		}
		.reply-author{
			color: cornflowerblue;
            font-size: 26rpx;
		}
		.reply-content{
			font-size: 26rpx;
		}
		.reply-info{
			display: flex;
			flex-direction: row;
		}
		.reply-item{
			display: flex;
            flex-direction: column;
		}
		.reply-to{
			color: chocolate;
			font-size: 26rpx;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.reply-time{
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			color: darkgray;
			font-size: 20rpx;
		}
		.input-container{
			width: 96%;
			margin-left: 2%;
			margin-right: 2%;
			display: flex;
			flex-direction: row;
			align-items: center;
			background-color: white;
			border: #cc3300 1px solid;
			position: fixed;
			bottom: 20rpx;
			border-radius: 10rpx;
			padding-top: 20rpx;
			padding-bottom: 20rpx;
		}
		.input-avatar{
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
		}
		.input-area{
			flex-grow: 1;
			margin-left: 10rpx;
		}
		.input-commit{
			font-size: 40rpx;
			color: #cc3300;
			margin-right: 20rpx;
		}